<template>

   <el-table :data="tableDate" border>
     <el-table-column label="日期" prop="data" fixed width="150"></el-table-column>
     <el-table-column label="姓名" prop="name" width="150px"></el-table-column>
     <el-table-column label="省份" prop="province"  width="150px"></el-table-column>
     <el-table-column label="市区" prop="city" width="150px"></el-table-column>
     <el-table-column label="地址" prop="address" width="150px"></el-table-column>
     <el-table-column label="邮编" prop="zip" width="150px"></el-table-column>
      <el-table-column fixed="right" label="操作" width="130px">
      <template slot-scope="scope">
       <el-button @click="Observe(scope.row)" type="text" size="small">查看</el-button>
       <el-button size="small" type="text" >编辑</el-button>
      </template>
     </el-table-column>
   </el-table>

</template>

<script>
export default {
   methods:{
    Observe(row){
      console.log(row)
    }
   },
   data(){
     return{
       tableDate:[
         {data:'2016-05-02',name:'王小虎',province:'上海',city:'普陀区',address:'上海市普陀区金沙江路 1518 弄',zip:'200333'},
         {data:'2016-05-01',name:'王小虎',province:'上海',city:'普陀区',address:'上海市普陀区金沙江路 1518 弄',zip:'200333'},
         {data:'2016-05-04',name:'王小虎',province:'上海',city:'普陀区',address:'上海市普陀区金沙江路 1518 弄',zip:'200333'},
         {data:'2016-05-03',name:'王小虎',province:'上海',city:'普陀区',address:'上海市普陀区金沙江路 1518 弄',zip:'200333'},
         {data:'2016-05-06',name:'王小虎',province:'上海',city:'普陀区',address:'上海市普陀区金沙江路 1518 弄',zip:'200333'},
         {data:'2016-05-05',name:'王小虎',province:'上海',city:'普陀区',address:'上海市普陀区金沙江路 1518 弄',zip:'200333'}
         ]
     }
   }
  }

</script>


